<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单选择器</title>
    <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $(":submit").click(function(){
                //ps 演示获取这几个的方式

                //获取用户名
                var $usernameValue=$("[name='username']").val();
                //获取密码
                  var $passwordValue=$(":password:first").val();
                //获取确认密码
                var $repwdValue=$(":password:last").val();
                if($(":radio:checked").length==0){
                alert("请选择性别");
                }
                 if($(":checkbox:checked").length==0){
                alert("请选择爱好");
                }
               if($(":selected").val()==""){
               alert("请选择省份");
               }
                //获取昵称
                //获取已选单选按钮
                //获取已选复选框
                //获取已选下拉框


            });

          
        });
    </script>
</head>
<body>
<fieldset>
    <legend>注册表单</legend>
    <form onsubmit="return false;">
        <input type="hidden" name="pid" value="1"/>
        <p>账号：<input type="text" name="username"  /></p>
        <p>密码：<input type="password" name="pwd"  /></p>
        <p>确认密码：<input type="password" name="repwd"  /></p>
        <p>昵称：<input type="text" name="nickname"  /></p>
        <p>性别：
            <input type="radio" name="sex" value="1">男
            <input type="radio"  name="sex" value="0">女
        </p>
        <p>爱好：
            <input type="checkbox" name="hobby"  value="篮球" />篮球
            <input type="checkbox" name="hobby"  value="足球" />足球
            <input type="checkbox" name="hobby"  value="羽毛球" />羽毛球
            <input type="checkbox" name="hobby"  value="其他" />其他
        </p>
        <p>省份：
            <select>
                <option value="">--省份--</option>
                <option value="北京">北京</option>
                <option value="云南">云南</option>
                <option value="云南">云南</option>
                <option value="其他" >其他</option>
            </select>
        </p>
        <input type="submit" value="提交表单" />
    </form>
</fieldset>
</body>
</html>